<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			html,body{
				width: 100%;
				height: 100%;
				font-size: 20px;
			}
			.web{
				height: 100%;
				position: relative;
			}
			header{
				width: 100%;
				height: 5rem;
				background: skyblue;
				position: absolute;
				top: 0;
				z-index: 999;
			}
			section{
				width: 100%;
				position: absolute;
				top:5rem;
				bottom: 4rem;
				overflow: auto;
			 }
			footer{
				height: 4rem;
				width: 100%;
				background: red;
				position: absolute;
				bottom: 0;
				z-index: 999;
			}
		</style>
	</head>
	<body>
		<div class="web">
			<header>
			
			</header>
			
			<section>
				<ul>
					<li>1</li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li>50</li>
				</ul>
			</section>
			
			<footer>
				
			</footer>
		</div>
		
	</body>
</html>
